{% extends "main/shared.html" %}
{% load static %}

{% block head %}
  <title>编辑个人资料</title>
{% endblock %}

{% block main %}
  <form action="/update_profile_photo" method="post" enctype="multipart/form-data">

    {% csrf_token %}

    <div class="mb-3">
      <label for="formFile" class="form-label">修改头像</label>
      <input name="pic" class="form-control" type="file" id="formFile" accept="image/gif, image/jpeg, image/png, image/jpg">
    </div>

    <div class="mb-3">
      <label for="exampleInputUsername" class="form-label">Username</label>
      <input name="username" type="text" class="form-control" id="exampleInputUsername" aria-describedby="emailHelp">
    </div>

    <div class="mb-3">
      <label for="exampleInputPassword1" class="form-label">Password</label>
      <input name="password" type="password" class="form-control" id="exampleInputPassword1">
    </div>

    <div class="mb-3">
      <label for="exampleInputPassword2" class="form-label">Confirm Password</label>
      <input name="confirm-password" type="password" class="form-control" id="exampleInputPassword2">
    </div>

    <div class="mb-3">
      <label for="exampleInputEmail1" class="form-label">Email address</label>
      <input name="email" type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
  </form>
{% endblock %}